<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:jsf="http://xmlns.jcp.org/jsf"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:p="http://primefaces.org/ui">

        <h:form>
            <h1><h:outputText value="Lista de Deudas pendientes"/></h1>
            <hr/>
            <p:dataTable value="#{accountForPayController.listAccountForPay}" var="item">
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Cantidad Total"/>
                    </f:facet>
                    <h:outputText value="#{item.amount}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Fecha final de pago"/>
                    </f:facet>
                    <h:outputText value="#{item.endDatePay}">
                        <f:convertDateTime pattern="dd/MM/yyyy" />
                    </h:outputText>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Tipo de Moneda"/>
                    </f:facet>
                    <h:outputText value="#{item.typeMoney}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Estado Actual"/>
                    </f:facet>
                    <h:outputText value="#{item.state}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Proveedor"/>
                    </f:facet>
                    <h:outputText value="#{item.inputDocumentId.providerId.name}"/>
                </p:column>
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="Documento"/>
                    </f:facet>
                    <h:outputText value="#{item.inputDocumentId.typeDocument} -- Nº[ #{item.inputDocumentId.numberDocument} ]"/>
                    
                </p:column>
            </p:dataTable>
        </h:form>

</ui:composition>
